<div class="enroll-form-item">
	<div class="row region">
		<div class="row" ng-click="selectRegion()">
			<div class="col-xs-4">地区</div>
			<div class="col-xs-8" ng-if="selectedRegion && selectedRegion.provinceName != selectedRegion.cityName">{{selectedRegion.provinceName}} {{selectedRegion.cityName}}</div>
			<div class="col-xs-8" ng-if="selectedRegion && selectedRegion.provinceName == selectedRegion.cityName">{{selectedRegion.cityName}}</div>
		</div>
		<div class="row">
			<div class="col-xs-4">驾校</div>
			<div class="col-xs-8" ng-if="selectedRegion" ng-click="selectSchool()">{{selectedRegion.schoolName}}</div>
		</div>
		
		<div class="row" ng-if="selectedRegion.schoolName && carTypeOptions">
			<div class="col-xs-4">车型</div>
			<div class="col-xs-8 pull-right">		
				<div class="btn-group dropdown-select" dropdown>
					<button type="button" class="btn dropdown-toggle dropdownWords" ng-if="!selectedRegion.selectedCarType">
						{{carTypeOptions[0].carTypeName}} {{carTypeOptions[0].drivingLicTypeName}}
					</button>
					<button type="button" class="btn dropdown-toggle dropdownWords" ng-if="selectedRegion.selectedCarType">
						{{selectedRegion.selectedCarType.carTypeName}} {{selectedRegion.selectedCarType.drivingLicTypeName}}
					</button>
					<button type="button" class="btn dropdown-toggle dropdownIcon">
					   <span class="caret"></span>
					   <span class="sr-only"></span>
					 </button>
					 <ul class="dropdown-menu">		
						<li ng-repeat="opt in carTypeOptions" ng-click="updateCarType($index)">{{opt.carTypeName}} {{opt.drivingLicTypeName}}</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row" ng-if="selectedRegion.selectedCarType">
			<div class="col-xs-4">班型</div>
			<div class="col-xs-8 pull-right">
				<div class="btn-group dropdown-select" dropdown>
					<button type="button" class="btn dropdown-toggle dropdownWords" ng-if="!selectedRegion.selectedClassType">
						{{classTypeOptions.name}}
					</button>
					<button type="button" class="btn dropdown-toggle dropdownWords" ng-if="selectedRegion.selectedClassType">
						{{selectedRegion.selectedClassType.name}}
					</button>
					<button type="button" class="btn dropdown-toggle dropdownIcon">
					   <span class="caret"></span>
					   <span class="sr-only"></span>
					 </button>
					 <ul class="dropdown-menu">		
						<li ng-repeat="opt in classTypeOptions" ng-click="updateClassType($index)">{{opt.name}}</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="row price" ng-if="selectedRegion.schoolName && selectedRegion.selectedClassType">
			<div class="col-xs-4">价格</div>
			<div class="col-xs-8">{{selectedRegion.selectedClassPrice | currency:"RMB ￥ " }}</div>
		</div>
	</div>
	
	<div class="row user-info">
		<div class="row real-name">		
			<div class="col-xs-4">真实姓名</div>
			<div class="col-xs-8">
				<input type="text" name="realname" required ng-model="enrollInfo.name"/>
			</div>
		</div>
		<div class="row">		
			<div class="col-xs-4">性别</div>
			<div class="col-xs-8">		

				<div class="btn-group dropdown-select" dropdown>
					<button type="button" class="btn dropdown-toggle dropdownWords">
						{{enrollInfo.gender?'女':'男'}}
					</button>
					<button type="button" class="btn dropdown-toggle dropdownIcon">
					   <span class="caret"></span>
					   <span class="sr-only"></span>
					 </button>
					 <ul class="dropdown-menu">		
						<li ng-click="updateGenderType(0)">男</li>
						<li ng-click="updateGenderType(1)">女</li>
					</ul>
				</div>
			</div>	
		</div>
		<div class="row">			
			<div class="col-xs-4">身份证号</div>
			<div class="col-xs-8">
				<input type="text" name="identification" required ng-model="enrollInfo.idNum"/>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-4">联系电话</div>
			<div class="col-xs-8">
				<input type="text" name="phone" required ng-model="enrollInfo.contactNum"/>
			</div>
		</div>
	</div>
	
	<div class="row enroll-button">
		<a class="btn btn-primary btn-enroll" ng-click="enroll()">报名</a>
	</div>
</div>
